<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>From Json</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="http://www.chendd.cn/app/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="../../font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../bootstrap.min.css" />
<link rel="stylesheet" href="../dist/bootstrap-table.css" />
<script type="text/javascript" src="../../jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../popper.min.js"></script>
<script type="text/javascript" src="../../bootstrap.min.js"></script>
<script type="text/javascript" src="../dist/bootstrap-table.min.js"></script>
</head>
<body>

<div id="toolbar">
    <button class="btn btn-primary"><i class="fa fa-plus fa-1"></i>&nbsp;新增</button>
    <button class="btn btn-info"><i class="fa fa-edit fa-1"></i>&nbsp;修改</button>
    <button class="btn btn-danger"><i class="fa fa-times fa-1"></i>&nbsp;删除</button>
</div>
<table data-toggle="table" data-show-columns="true" data-show-columns-toggle-all="true"
       data-show-refresh="false" data-show-toggle="true" data-show-fullscreen="true"
       data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar"
       data-toolbar-align="left" data-url="list.json"
>
    <thead>
        <tr>
            <th data-checkbox="true"></th>
            <th data-click-to-select="false" data-formatter="formatIndex">序号</th>
            <th data-align="center" data-sortable="true" data-field="force">势力</th>
            <th data-align="center" data-sortable="true" data-field="magatama">勾玉</th>
            <th data-sortable="true" data-field="name">姓名</th>
            <th data-align="center" data-field="sex">性别</th>
            <th data-field="designation">战功</th>
            <th data-field="description">战功描述</th>
        </tr>
    </thead>
</table>
<script type="text/javascript">
function formatIndex(value , row , index) {
    return index + 1;
}
</script>
</body>
</html>